<script setup lang="ts" name="Error404">
import Error404 from '@/assets/svg/404.svg'
import { usePage } from '@/hooks'
const { routerGo } = usePage()
const goHome = () => {
	routerGo()
}
</script>

<template>
	<div class="flex flex-items-center justify-center flex-col">
		<img :src="Error404" class="-enter-x" width="400" />
		<div class="-enter-x pt-30px">
			<el-text type="info" size="default">抱歉，您访问的页面不存在。</el-text>
		</div>
		<div class="-enter-x pt-30px">
			<el-button type="primary" size="default" @click="goHome">返回首页</el-button>
		</div>
	</div>
</template>

<style scoped></style>
